const { watch } = require('gulp')

const browserSync = require('browser-sync')
const bs = browserSync.create()

module.exports = serve = () => {
    watch('src/assets/styles/*.scss', style)
    watch('src/assets/scripts/*.js', script)
    watch('src/**/*.html', page)
    watch([
        'src/assets/images/**',
        'src/assets/font/**',
        'public/**'
    ], bs.reload)

    bs.init({
        port: 2080, // 端口
        open: true, // 是否自动打开浏览器
        // files: 'dist/**', // 热更新监听的文件 // 也可以在每个任务后面reload
        notify: false, // 是否显示‘brower connect’
        server: {
            baseDir: ['temp', 'src', 'public'], // 启动的项目文件,按顺序寻找要请求的文件
            routes: {
                '/node_modules': 'node_modules' // 路由：文件中/node_modules需要映射到根目录node_modules
            }
        }
    })
}